<template>
    <div class="demo">
        <h2>学校名称：{{name}}</h2>
        <h2>地址：{{address}}</h2>
	</div>
</template>

<!-- 
    
-->
<script>

    export default {
        name:'School',
        data(){
           return {
            name:'广师大aaa',
            address:'广州天河区'
           }
        }
    }
</script>
<!-- scope样式
    作用：让样式在局部生效，防止冲突
    应用：一般在组件中使用，但是App.vue组件定义的样式一般为全局样式，一般不使用
    写法：<style scoped></style>
-->
<style scoped>
    .demo{
        background-color: green;
    }
</style>